<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <input type="checkbox" id="ck" />游戏
    <hr />
    <div id="div">
        <input type="checkbox" />俄罗斯方块<br />
        <input type="checkbox" />魂斗罗<br />
        <input type="checkbox" />超级马里奥<br />
        <input type="checkbox" />LOL<br />
        <input type="checkbox" />双人成行
    </div>

    <!--需求:​	1）给最上面的复选框绑定一个点击事件

​	2）当一点击最上面的复选框的时候立刻获取下面所有的复选框

​	3）遍历获取下面每个复选框

​	4）将最上面复选框此时checked的值赋值给下面每个复选框-->
    <script>
        //获取最上面的复选框并给齐一个点击事件
        document.getElementById('ck').onclick = function () {
            let aDiv = document.getElementById('div');//获取所有的div
            let arrInputs = aDiv.children;//获取div元素的集合
            for (let i = 0; i < arrInputs.length; i++) {
                let oInput = arrInputs[i];//遍历每个子元素
                oInput.checked = this.checked;//将最上面的复选框点击事件的checked值赋值给下面每个复选框
            }
        }
    </script>

</body>

</html>